// packageX/business_district_management/business_district_management.js
import Toast from "../../dist/toast/toast";
// eslint-disable-next-line no-unused-vars
var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    districtInfo: {
      circle_name: '我的商圈',
      visit_count: '128',
      mobile: '138****1234'
    },
    stats: {
      memberCount: '256',
      pendingApply: '8',
      activeActivity: '3'
    },
    // 编辑表单数据（单层级）
    circle_name: '',
    mobile: '',
    wechat: '',
    basic_mount: '',
    basic_people: '',
    basic_visit: '',
    // 弹窗显示状态
    showEditPopup: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    if (options && options.id) {
      this.setData({
        districtId: options.id
      });
      // 这里可以根据districtId请求商圈详情数据
      this.getDistrictInfo();
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 刷新页面数据
    this.getDistrictInfo();
    this.getStats();
    wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 获取商圈信息
   */
  getDistrictInfo() {
    // 实际项目中应该调用API获取商圈信息
    // 这里使用模拟数据
    // app.api.getDistrictInfo({id: this.data.districtId}).then(res => {
    //   this.setData({
    //     districtInfo: res.data
    //   });
    // });
    let that = this;
    let urlStr = app.getNetAddresss("plugin.commerce.api.commerce-circle.get-circle-info");
    app._getNetWork({
      url: urlStr,
      success: function(resdata) {
        console.log(resdata);
        var res = resdata.data;
        if (res.result == 1) {
          that.setData({
            'districtInfo': res.data,
            'districtId': res.data?.id
          });
        } else {
          wx.showToast({
            icon: 'none',
            title: res.msg,
            duration: 1500
          });
        }
      },
      fail: function(res) {
        console.log(res);
      }
    });
  },

  /**
   * 获取统计数据
   */
  getStats() {
    // 实际项目中应该调用API获取统计数据
    // 这里使用模拟数据
    // app.api.getDistrictStats({id: this.data.districtId}).then(res => {
    //   this.setData({
    //     stats: res.data
    //   });
    // });
  },

  /**
   * 编辑按钮点击事件
   */
  onEditTap() {
    // 将当前商圈信息填充到编辑表单
    const { circle_name, mobile } = this.data.districtInfo;
    this.setData({
      circle_name: circle_name || '',
      mobile: mobile || '',
      // 其他字段保持原值
      showEditPopup: true
    });
  },

  /**
   * 关闭编辑弹窗
   */
  closeEditPopup() {
    this.setData({
      showEditPopup: false
    });
  },

  /**
   * 提交编辑表单
   */
  submitEditForm() {
    const { circle_name, mobile, wechat } = this.data;
    
    // 表单验证
    if (!circle_name) {
      wx.showToast({
        title: '请输入圈子名称',
        icon: 'success',
        duration: 2000,
      });
      return;
    }
    
    if (!mobile) {
      wx.showToast({
        title: '请输入圈主手机号',
        icon: 'success',
        duration: 2000,
      });
      return;
    }
    
    if (!wechat) {
      wx.showToast({
        title: '请输入微信号',
        icon: 'success',
        duration: 2000,
      });
      return;
    }
    
    // 实际项目中应该调用API提交表单数据
    // app.api.updateDistrictInfo({
    //   id: this.data.districtId,
    //   circle_name,
    //   mobile,
    //   wechat,
    //   basic_mount: this.data.basic_mount,
    //   basic_people: this.data.basic_people,
    //   basic_visit: this.data.basic_visit
    // }).then(res => {
    //   Toast('修改成功');
    //   // 更新页面数据
    //   this.setData({
    //     'districtInfo.circle_name': circle_name,
    //     'districtInfo.mobile': mobile,
    //     showEditPopup: false
    //   });
    // }).catch(err => {
    //   Toast('修改失败，请重试');
    // });
    
    // 这里使用模拟数据
    Toast('修改成功');
    this.setData({
      'districtInfo.circle_name': circle_name,
      'districtInfo.mobile': mobile,
      showEditPopup: false
    });
  },

  /**
   * 会员头衔点击事件
   */
  onMemberTitleTap() {
    wx.navigateTo({
      url: '/packageX/business_district_management/member_title/member_title?id='+this.data.districtId
    });
  },

  /**
   * 圈子申请点击事件
   */
  onCircleApplyTap() {
    wx.navigateTo({
      url: '/packageX/business_district_management/circle_apply/circle_apply?id='+this.data.districtId
    });
  },

  /**
   * 商圈会员管理点击事件
   */
  onBusinessMemberManageTap() {
    wx.navigateTo({
      url: '/packageX/business_district_management/member_management/member_management?id=' + this.data.districtId
    });
  },

  /**
   * 活动审核点击事件
   */
  onActivityAuditTap() {
    wx.navigateTo({
      url: '/packageX/business_district_management/activity_audit/activity_audit?id='+this.data.districtId
    });
  }
});